body {
}

header {
    margin-top: 0px;
	background-color: #eee;
}

.splash {
    text-align: center;
    margin: 10% 0 0 0;
}

.splash .message {
    font-size: 5em;
    line-height: 1.5em;
    -webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    text-transform: uppercase;
}

.splash .icon-spinner {
    text-align: center;
    display: inline-block;
    font-size: 5em;
    margin-top: 50px;
}

.page-host {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.navbar-nav li.loader {
    margin: 12px 20px 0 0;
    visibility: hidden;
}

.navbar-nav li.loader.active {
    visibility: visible;
}

.navbar-nav li.loader .icon-spinner {
    text-align: center;
    display: inline-block;
    font-size: 2em;
}

#myModal .modal-header,#setupModal .modal-header {
    padding:1px;
}

#myModal .modal-header .close,#setupModal .modal-header .close {
    margin:15px;
}

#labs {
    padding-top:30px;
    background-color:#eee;
    min-height: 600px;
    //display:none;
}

#labs .labs-li {
    width: 280px;
    height: 160px;
    padding: 10px 15px 10px 15px;
}

#labs .labs-item {
    width:140px;
    height:140px;
    padding:5px;
    margin:auto;
    background-size:cover;
    background-repeat:no-repeat;
    cursor:pointer;
    text-align: center;
}

#labs .labs-item .body{
    // -webkit-background-origin:content-box; /* Safari */
    //background-origin:content-box;
    width:120px;
    height:120px;
    margin: auto;
    border-radius: 50%;
    border:2px solid #ffffff;
    box-shadow:5px 5px 5px #aaaaaa;
    -moz-box-shadow: 5px 5px 5px #aaaaaa;
    transition: all .1s;
    -moz-transition: all .1s;	/* Firefox 4 */
    -webkit-transition: all .1s;	/* Safari 和 Chrome */
    -o-transition: all .1s;
}

#labs .labs-item .body:hover {
    //margin-top:-5px;
    width:125px;
    height:125px;
    box-shadow:10px 10px 10px #aaaaaa;
    -moz-box-shadow: 10px 10px 10px #aaaaaa;
    border:2px solid #ffffff;
}

#labs .labs-item .foot {
    margin-top: 10px;
}

#lab {
    margin-top:20px;
    min-height:600px;
}

#lab .nav-header {
    margin-bottom:10px;
    font-size:16px;
}

#lab .nav {

}

#lab .lab-content {
    margin-top:30px;
    min-height:500px;
}

#notice .send {
    float:right;
    margin-top:20px;
    width:100px
}

#notice .panel-body div{
    height:30px;
    line-height: 30px;
    margin:2 0 2 0;
    border-radius: 5px;
}

#notice .panel-body .normal {
}

#notice .panel-body .info {
    background-color: #d9edf7;
}

#notice .panel-body .urgency {
    background-color: #fcf8e3;
}

#document .panel-item {
    width:50%;
    float:left;
}

#document .document-commend {
    position: relative;
    float: right;
}

#document .document-commend .commend {
    width:100px;
    height:20px;
    margin:0 10 0 0;
    float:left;
}

#document .document-item {
    width:120px;
    height:120px;
    margin:10 10 10 10;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    float:left;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#document .document-item:hover {
    border: 1px solid #428bca;
    background-color: #eeeeee;
}

#document .document-item .head {
    height:25px;
    margin-bottom: 5px;
}

#document .document-item .file-commend {
    float: right;
}

#document .document-item .file-commend div {
    float:left;
}

#document .document-item .file-commend a {
    width:23px;
    height:23px;
    background-image: url("../image/file-commend.png");
    background-repeat: no-repeat;
    float:left;
}

#document .document-item .file-commend .download {
    background-position: 0 5px;
}

#document .document-item .file-commend .download:hover {
    background-position: -23px 5px;
}

#document .document-item .file-commend .more {
    background-position: 0px -42px;
}

#document .document-item .file-commend .more:hover {
    background-position: -23px -42px;
}

#document .document-item .file-commend .lion {
    min-width:100px;
    padding:0 0 0 0;
    text-align: center;
    border-radius: 4px;
}

#document .document-item .file-commend .lion > li {
    margin:0 0 0 0;
    border-bottom: 1px solid #dddddd;
}

#document .document-item .file-commend .lion > li:hover {
    background-color: #eeeeee;
}

#document .document-item .body {
    width:100%;
    height:60px;
    font-size: 50px;
    text-align: center;
    margin:auto;
}

#document .document-item .foot {
    text-align: center;
}

#share-equipment .equipment-item,#share-equipment .create {
    width: 250px;
    height: 150px;
    margin: 10px 30px 10px 30px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#share-equipment .equipment-item:hover {
    border: 1px solid #5bc0de;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 10px 10px 5px #888888;
}

#share-equipment .equipment-item .body {
    width:200px;
    height:100px;
    margin: auto;
    background-size: cover;
}

#share-equipment .equipment-item .foot {
    text-align: center;
}

#share-equipment .create:hover {
    border: 1px solid #0000FF;
}

#share-equipment .create .new {
    width:14px;
    height:14px;
    margin:56px auto;
}

#share-equipment .calendar {
    width:600px;
    height:500px;
}

